<!-- 静态路由页面 -->
<template>
    <div id="aCoursesList" class="bg-fa of">
        <!-- /课程列表 开始 -->
        <section class="container">
            <header class="comm-title">
                <h2 class="fl tac">
                    <span class="c-333">全部课程</span>
                </h2>
            </header>
            <section class="c-sort-box">
                <div class="mt40">
                    <!-- /无数据提示 开始-->
                    <section class="no-data-wrap">
                        <em class="icon30 no-data-ico">&nbsp;</em>
                        <span class="c-666 fsize14 ml10 vam">没有相关数据，小编正在努力整理中...</span>
                    </section>
                    <!-- /无数据提示 结束-->
                    <article class="comm-course-list">
                        <ul class="of" id="bna">
                            <li>
                                <div class="cc-l-wrap">
                                    <section class="course-img">
                                        <img src="~/assets/photo/course/1442295592705.jpg" class="img-responsive"
                                            alt="听力口语">
                                        <div class="cc-mask">
                                            <a href="/course/1" title="开始学习" class="comm-btn c-btn-1">开始学习</a>
                                        </div>
                                    </section>
                                    <h3 class="hLh30 txtOf mt10">
                                        <a href="/course/1" title="听力口语" class="course-title fsize18 c-333">听力口语</a>
                                    </h3>
                                    <section class="mt10 hLh20 of">
                                        <span class="fr jgTag bg-green">
                                            <i class="c-fff fsize12 f-fA">免费</i>
                                        </span>
                                        <span class="fl jgAttr c-ccc f-fA">
                                            <i class="c-999 f-fA">9634人学习</i>
                                            |
                                            <i class="c-999 f-fA">9634评论</i>
                                        </span>
                                    </section>
                                </div>
                            </li>
                           
                        </ul>
                        <div class="clear"></div>
                    </article>
                </div>
                <!-- 公共分页 开始 -->
                <div>
                    <div class="paging">
                        <a class="undisable" title>首</a>
                        <a id="backpage" class="undisable" href="#" title>&lt;</a>
                        <a href="#" title class="current undisable">1</a>
                        <a href="#" title>2</a>
                        <a id="nextpage" href="#" title>&gt;</a>
                        <a href="#" title>末</a>
                        <div class="clear"></div>
                    </div>
                </div>
                <!-- 公共分页 结束 -->
            </section>
        </section>
        <!-- /课程列表 结束 -->
    </div>
</template>
<script>
export default {

    

};
</script>